<template>
  <div class="authwrap">
    <licensees-header></licensees-header>
    <code-nav :navInfo="navInfo"></code-nav>
    <div class="label-wrap">
      <div style="height:36px;"></div>
      <el-row :gutter="0">
        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
          <img class="submits-tipImg" src="~img/u1074.png">
          <div class="submits-mainTopRight-box">
              <div class="submits-mainTopRight-box1">
                  <div class="submits-mainTopRight-box1l">
                      <div class="submits-mainTopRight-box1lT">
                          订单支付成功
                      </div>
                      <div class="submits-mainTopRight-box1lB">
                          订单支付成功，平台以通过短信方式通知授权方，授权方确认后，平台将在24小时内进行制码，您可以通过「授权管理」-「授权码订单」查看最新订单详情。
                      </div>
                  </div>
              </div>
              <div class="codepaySuccBtn">
                <input class="getcode" type="button" @click="toCodeDetail" value="查看订单详情">
              </div>
          </div>
        </el-col>
      </el-row>
      <div style="height:40px;"></div>
    </div>
    <base-footer></base-footer>
  </div>
</template>

<script>
import LicenseesHeader from 'common/LicenseesHeader'
import CodeNav from './components/CodeNav'
import BaseFooter from 'common/BaseFooter'
export default {
  name: 'ApplySucc',
  components: {
    LicenseesHeader,
    CodeNav,
    BaseFooter
  },
  data () {
    return {
      //  页面nav文字定义
      navInfo: {
        tName1: '授权管理',
        tName2: '用码申请成功',
        backUrl: '/prolist'
      }
    }
  },
  methods: {
    toCodeDetail () {
      this.$router.push('/authcode')
    }
  }
}
</script>

<style lang="stylus" scoped>
@import '~styles/varibles.styl'
.getcode
  background-color $baseColor
  width 120px
  height 36px
  line-height 36px
  text-align center
  font-size 14px
  color #FFFFFF
  border-radius 4px
  float left
  cursor pointer
.codepaySuccBtn
  padding-top 45px
.authwrap
  width 100%
  min-height 100%
  background-color $bgTabCont
  padding-top 70px
  position fixed
.label-wrap {
    margin: 0 auto;
    width: 1180px;
    box-sizing: border-box;
    min-height: 100px;
    background-color: #fff;
    padding: 30px 134px 36px;
    box-shadow: 0px 2px 5px #e5e6ec;
}
.submits-tipImg {
    width: 110px;
    height: 102px;
    float: left;
    margin-right: 15px;
}
.submits-mainTopRight-box {
    overflow: hidden;
    float: left;
    width: 785px;
}
.submits-mainTopRight-box1 {
    overflow: hidden;
}
.submits-mainTopRight-box1l {
    float: left;
    width: 70%;
}
.submits-mainTopRight-box1r {
    float: right;
    height: 38px;
    line-height: 38px;
    color: #333;
    font-size: 14px;
    text-align: right;
}
.submits-mainTopRight-box1r span {
    font-size: 28px;
    color: #FF3300;
}
.submits-mainTopRight-box1lT {
    height: 38px;
    line-height: 38px;
    color: #333;
    font-size: 28px;
}
.submits-mainTopRight-box1lB {
    min-height: 24px;
    line-height: 24px;
    color: #888;
    font-size: 14px;
    margin-top: 15px;
}
.submits-mainTopRight-box1lB span {
    color: #FF5A49;
}
.submits-mainTopRight-box2 {
    height: 24px;
    line-height: 24px;
    color: #333;
    font-size: 14px;
    margin-top: 5px;
}
</style>
